*{padding:0;box-sizing:border-box}
body{background-color:#fff;padding:0;margin:0;width:100%;height:100%}
.heading{background-image:url(background.png);height:12vw;min-height:100px;background-size:100%;background-position:top center;background-repeat:no-repeat;background-attachment:fixed}
header{background-color:#ece8e8}
#preloader{background-color:#fff;background-image:url(img/preloader.gif);background-repeat:no-repeat;background-position:center;background-size:90px;position:fixed;height:100vh;width:100%;z-index:5}
nav{background-color:#272626;display:flex;width:100%;height:50px}
nav ul li{display:inline-block;line-height:20px}
nav ul li a{text-decoration:none;text-transform:capitalize;font-size:25px;padding:0;color:#0ff;margin-right:10px}
nav ul li a{margin-left:50px}
a:hover{color:#00f}
#checkbtn{line-height:50px;margin-left:20px;font-size:30px;color:#fff;display:none}
#check{display:none}
#check:checked~ul{left:0}
.about{background:#e0fbde;background:linear-gradient(to right,#e8fce8 0,#f8f5f5 100%);padding:10px 0 20px;text-align:center;text-align:center}
.about h1{font-size:2.5rem;margin:0}
.about p{font-size:1rem;color:#323030;max-width:800px}
.about-info{margin:1rem 1rem;display:flex;align-items:center;justify-content:center;text-align:left}
.about-img{width:20rem;height:20rem}
.about-img img{width:100%;height:100%;border-radius:5px;object-fit:contain}
.about-info p{font-size:1.3rem;text-align:justify;margin:0 2rem}
#call-to-action{text-decoration:none;display:flex;justify-content:center;font-size:20px;font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;width:30%;color:#2b315f;background-color:rgba(190,126,126,.582);border-radius:7px;border:1px solid #2b315f;padding:10px;margin-left:35%;margin-top:10px;margin-bottom:10px;cursor:pointer}
#call-to-action:hover{color:red;background-color:#cde6e6}
#contact{background-color:#dfd9d9;display:flex;padding:5px;border-radius:8px;width:100%}
#contact h2{text-align:center;font-size:30px;font-family:cursive;margin-top:0;margin-left:60%;width:100%}
#contact ul{list-style-type:none;padding-left:3%;width:60%}
#contact li{margin-bottom:10px}
#contact .social{display:flex;justify-content:space-between;width:30%;height:10%;padding-top:17%}
#contact .social a{margin-right:20px}
#contact .fa-brands{font-size:40px}
#contact a{padding:0;margin:0;text-decoration:none;font-size:0}
#contact .fa-brands{font-size:30px;margin-right:20%;overflow:hidden;color:#525272}
#contact .fa-square-x-twitter:hover{color:#000}
#contact .fa-location-dot{margin-right:5px}
#contact .fa-instagram:hover{color:red}
#contact .fa-facebook:hover{color:#00f}
#contact .fa-linkedin:hover{color:#4d4df8}
footer{background-color:#333;display:flexbox;padding:1px;margin:0}
footer p{color:#fff;text-align:center}
footer .business_profile a{text-align:right;color:#fff;text-decoration:none}
.partner{background-color:#fff;padding:0 5px;border:#000 solid 1px}
.partner h4{text-align:center;font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif;margin:5px;padding:0}
.partner a{text-decoration:none;margin-left:10px;color:red;padding:0 5px;font-size:18px;text-transform:uppercase}
.partner button{display:none}
.partner a:hover{background-color:#313030;color:#fff}
.google_profile,.whatsapp{font-size:60px;right:0;position:fixed;padding:6px 25px;z-index:10}
.whatsapp{bottom:20px}
.google_profile{bottom:100px;mix-blend-mode:multiply}
.fa-square-whatsapp{color:#25d366}
@media(max-width:320px),(max-width:480px){
nav ul li{text-align:center}
#contact iframe,nav ul,nav ul li{width:100%}
#checkbtn,nav ul li{display:block}
nav ul{height:100vh;background:#4e4949;position:fixed;top:130px;left:-100%;transition:.5s}
nav ul li{line-height:40px;padding:0;margin:15px 0}
nav ul li a{margin:0}
.heading{background-image:url('mobileheader.png');background-size:420px 100px}
.about-info{display:flex;flex-direction:column}
.about-info img{width:280px;height:200px;margin-left:20px}
.about-img{height:200px}
.about-info p{margin:0;height:450px;overflow:hidden;overflow-y:scroll;border:#000 solid 1px;padding:2px;font-family:lucida;text-align:left}
.about{padding-bottom:5px}
#call-to-action{width:200px;margin:auto}
#contact .social{width:100%;display:flex}
#contact .social a{margin-right:55px}
#contact .social{padding:0}
#contact .fa-instagram{color:red}
#contact .fa-facebook{color:#00f}
#contact .fa-square-x-twitter{color:#000}
#contact .fa-linkedin{color:#4e4ef0}
#contact{display:flex;flex-direction:column}
#contact h2{margin:0}
.dropdown{position:relative;display:inline-block;width:100%}
.partner h4{display:none}
.dropdown button{color:#0ff;background-color:#27262600;width:100%;display:block;padding:10px 20px;border:none;cursor:pointer;font-size:25px}
.dropdown-content{display:none;width:100%;top:-200px;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1}
.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}
.dropdown-content a:hover{background-color:#f1f1f1}
.dropdown:hover .dropdown-content{display:block}
.dropdown:hover .dropdown button{background-color:#3e8e41}
}